<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE html>
<html lang="en">
<head>
 <base href="<%=basePath%>">
    <meta charset="UTF-8">
    <title>Title</title>


    <link href="<%=basePath%>res/bootstrap/dist/css/bootstrap.css" rel="stylesheet">
    <link href="<%=basePath%>res/font-awesome/css/font-awesome.css" rel="stylesheet">
    <link href="<%=basePath%>res/my.css" rel="stylesheet">

<style type="text/css">
			.col-md-6{
				width:46%;
				opacity:0.6;
				 
				box-shadow:0 0 15px 3px;
				/*background-image:linear-gradient(141deg,#9fb8ad 0%,#1fc8db 51%,#2cb5e8 75%);*/
				background-color: #EFEFEF;
			}
			h3{
				text-align: center;
				}
			*{
			 
			}
		</style>
</head>
<body>

<!--导航-->
<jsp:include page="nav.jsp" />

<div class="container-fluid">
<div class="row">
<idv class="col-md-7">
<!--banner-->
<jsp:include page="banner.jsp" />

</idv>
<idv class="col-md-3">
这里写通知
</idv>
</div>
<!-- 作业提交-->
<idv >
	<idv class="row">
	<h3>作业提交</h3>
	<idv class="col-md-3  col-sm-4  col-xm-12 ">
		<h1>Html+CSS3</h1>
		<form action="${pageContext.request.contextPath}/UploadHandleServlet" enctype="multipart/form-data" method="post">
		    备注：<input type="text" name="username" placeholder="此处不填"/><br/>
		    上交：<input type="file" name="file1"><br/>
		    <!-- 上传文件2：<input type="file" name="file2"><br/> -->
		    <input type="submit" value="提交" class="btn-outline-dark" />
		</form>
	
	</idv>
	<idv class="col-md-3  col-sm-4  col-xm-12  ">
	
			<h1>BootStrap</h1>
		<form action="${pageContext.request.contextPath}/BootStrap" enctype="multipart/form-data" method="post">
		    备注：<input type="text" name="username" placeholder="此处不填"/><br/>
		    上交：<input type="file" name="file1"><br/>
		    <!-- 上传文件2：<input type="file" name="file2"><br/> -->
		    <input type="submit" value="提交" class="btn-outline-dark" />
		</form>
	</idv>
		<idv class="col-md-3  col-sm-4  col-xm-12 ">
			<h1>Axure Rp</h1>
		<form action="${pageContext.request.contextPath}/RP" enctype="multipart/form-data" method="post">
		    备注：<input type="text" name="username" placeholder="此处不填"/><br/>
		    上交：<input type="file" name="file1"><br/>
		    <!-- 上传文件2：<input type="file" name="file2"><br/> -->
		    <input type="submit" value="提交" class="btn-outline-dark" />
		</form>
	
	</idv>
	<idv class="col-md-3  col-sm-4  col-xm-12  ">
			<h1>App界面设计</h1>
		<form action="${pageContext.request.contextPath}/APP" enctype="multipart/form-data" method="post">
		    备注：<input type="text" name="username" placeholder="此处不填"/><br/>
		    上交：<input type="file" name="file1"><br/>
		    <!-- 上传文件2：<input type="file" name="file2"><br/> -->
		    <input type="submit" value="提交" class="btn-outline-dark" />
		</form>
	</idv>
	</idv>
</idv>
<!-- 作业提交结束 -->

<!--内容-->




	<c:forEach items="${requestScope.indexListItemBeans }" var="item">
	    <div class="page-header">
	        <h2>${item.newsType.name }
	            <small>最新【更多】</small>
	        </h2>
	        <div class="row">
	        	<div class="col-xs-12">
						<!--具体新闻-->
						<c:forEach items="${item.leftNews }" var="itemLeftNews">
							<div class="row my-news">
								<div class="col-xs-7">
									<img class="img-thumbnail" style="width: 100%;height: 350px" src="<%=basePath%>upload/${itemLeftNews.photo}">
								</div>
								<div class="col-xs-5">
									<h4 class="title my-news-title">${itemLeftNews.title }</h4>
									<p>
									作业内容：123469
									</p>
									<p class="st-author">
										<i class="fa fa-calendar"></i>&nbsp;<span>结束时间：${itemLeftNews.st }</span>&nbsp;<i class="fa fa-group"></i>&nbsp;<span>${itemLeftNews.author}</span>
									</p>
									<p class="brower-count">
										<i class="fa fa-eye">浏览量</i>&nbsp;<span>${itemLeftNews.browserCount}</span>
									</p>
								</div>
							</div>
						</c:forEach>
					</div>

	        </div>
	
	    </div>
	</c:forEach>
</div>





<!--脚注-->
<jsp:include page="footer.jsp" />

</body>


</html>

<script src="<%=basePath%>res/jquery/dist/jquery.js"></script>
<script src="<%=basePath%>res/bootstrap/dist/js/bootstrap.js"></script>
<script src="<%=basePath%>res/STAR-ZERO-jquery-ellipsis/dist/jquery.ellipsis.js"></script>

<script>

    $(function () {

        $('.title').ellipsis({
            row: 2
        });

    });


</script>